<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
            {{msg}}
		<!-- 展示View视图 -->
		<div id="app">
			 <h1>{{msg}}</h1> 
			 <h2>{{msg}}</h2> 
			 <h3>{{msg}}</h3>
			 <h4>{{msg}}</h4>
			 <h5>{{msg}}</h5>
			 <!-- 要操纵vue数据，必须设置一个指令v-model -->
			 <input type="text" name="" id="msg" value="" v-model="msg" />
		</div>  
	</body>
	
	<script type="text/javascript">
		 /* 把数据传递给展示    ViewModel*/
		 new Vue({  
			el:"#app",
			/* 数据提供----Model模型 */
			data:{
				msg:"道彰，则恶不显；道晦，则神剑出"
			}
		 });
	</script>
</html>
